<template>
    <div class="bottom">
        <div class="content">
            <div class="left">
                京ICP备 13018369号 电话挂号010-5625865
            </div>
            <div class="right">
                <span @click="tip">联系我们</span>
                <span @click="tip">合作伙伴</span>
                <span @click="tip">用户协议</span>
                <span @click="tip">隐私协议</span>
            </div>
        </div>
    </div>
</template>

<script setup lang="ts" name="Bottom">
    import {ElMessage} from "element-plus";

    const tip = () => {
        ElMessage({
            message: '暂无数据',
            type: 'warning',
        })
    }
</script>

<style scoped>
    .bottom{
        width: 100%;
        height: 50px;
        background-color: #f0f2f5;
        display: flex;
        justify-content: center;
        .content{
            width: 1200px;
            height: 100%;
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-size: 14px;
            color: #bbbbbb;
            .right{
                span{
                    margin: 10px;
                }
                span:hover{
                    cursor: pointer;
                }
            }
        }
    }
</style>